:host
  display: block
  overflow: hidden

nz-table
  small
    color: #676767

$color-danger: #dc3545
$color-warning: #fd7e14
$color-success: #28a745
$color-primary: #007bff
$color-info: #5578eb
$color-secondary: #fff
$color-dark: #242939
$color-light: #f8f9fa
$color-white: #fff

$bloc-header-bg: lighten($color-dark, 4%)
$bloc-header-color: $color-white
$bloc-section-bg: $color-white
$bloc-section-color: darken($color-dark, 4%)

$body-bg: $color-light
$body-color: $color-dark

.utask_state_steps
  padding: 0 !important

.utask_tasks-list_table
  > tbody > tr
    > th, > td
      max-width: 30vw
      padding: 0rem 0.75rem
      > .task_title
        margin: 4px 0 -6px 0
      > .task_id
        margin: 0
        font-weight: 100
        color: #676767
    > .task_actions
      width: 150px
      padding: 0.5rem
      text-align: right

.utask_bloc
  header
    background: $bloc-header-bg
    cursor: pointer
    color: $bloc-header-color
    font-size: 16px
    font-weight: 700
    text-transform: uppercase
    height: 40px

    &:hover
      background: lighten($bloc-header-bg, 10%)
      transition: background .3s linear

    &:after
      clear: both
      white-space: pre
      content: " "

    .utask_bloc_header_dropdown
      width: 180px
      float: right
      padding: 4px 8px
      text-align: right
      height: 40px
      > .btn-group
        width: 100%
        > div
          text-align: center

    .utask_bloc_header_title
      width: calc(100% - 180px)
      float: left
      padding: 8px 14px
      height: 40px
      .svg-inline--fa
        margin-right: 4px

      small
        font-weight: 100
        text-transform: uppercase
        font-size: 14px
  section
    background: $bloc-section-bg
    color: $bloc-section-color
    padding: 12px 16px 12px 16px
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1)
    margin: 0 18px 27px 18px
  &__LOADING *
    -webkit-filter: grayscale(1)

@keyframes animate-state-running
  from
    background-position-x: 0
  to
    background-position-x: 4rem

.send-request
  margin-bottom: 16px
  span
    margin-left: 8px

.tags
  margin-left: 8px